<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据集</title>
    <style>
        #main {
            width: 700px;
            height: 500px;
        }
    </style>
</head>
<body>

<div id="main"></div>

<script src="http://lib.baomitu.com/echarts/4.7.0/echarts.min.js">

</script>

<script>
    const myChart = echarts.init(document.getElementById('main'))

    const source = [
        //第1列：类目轴，第2列：第一个系列，第3列：第二个系列
        ['大前端', '学习人数', '就业人数'],
        ['html', 30, 40],
        ['css', 20, 30],
        ['js', 40, 50],
    ]

    const source2 = [
        {'大前端': 'html', '学习人数': 30, '就业人数': 40},
        {'大前端': 'css', '学习人数': 20, '就业人数': 60},
        {'大前端': 'js', '学习人数': 40, '就业人数': 70},
    ]

    const option = {
        title: {
            text: '仪表盘',
        },

        dataset: {
            source,
            // seriesLayoutBy: 'row',
        },

        xAxis: {
            type: 'category', // 类目轴，离散数据
        },

        yAxis: {
            type: 'value', // 数据轴，连续性数据
        },

        tooltip: {},

        legend: {},

        series: [
            {type: 'bar'},
            {type: 'bar'},
        ]
    }

    myChart.setOption(option)
</script>
</body>
</html>
